<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>

    <!--360 browser -->
    <meta name="renderer" content="webkit">
    <meta name="author" content="wos">
    <!-- Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="images/i/app.png">
    <!--Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="images/i/app.png">
    <!--Win8 or 10 -->
    <meta name="msapplication-TileImage" content="images/i/app.png">
    <meta name="msapplication-TileColor" content="#e1652f">

    <link rel="icon" type="image/png" href="images/i/favicon.png">
    <link rel="stylesheet" href="<?php echo (COMMON_URL); ?>/css/amazeui.min.css">
    <link rel="stylesheet" href="//localhost/zhucheweiwangzhan/Public/Home/css/public.css">

    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="<?php echo (COMMON_URL); ?>/js/jquery.min.js"></script>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="$Think.const.COMMON_URL}/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
    <script src="<?php echo (COMMON_URL); ?>/js/amazeui.min.js"></script>
    <script src="//localhost/zhucheweiwangzhan/Public/Home/js/public.js"></script>
</head>
<body>
<style type="text/css">
    body{
        background-color: #6f80a4;
    }
    .am-topbar {
        background-color:#FC605A;
    }
    .zjq-table {
        background-color:white;
    }
   .zjq-table th,.zjq-table td{
       text-align: center;
   }
    .attr-list-hd, .after-market-hd {
        height: 35px;
        padding-top: 20px;
    }
    .clear {
        clear: both;
    }
    .J_Brand {
        background-color:white;
        padding:8px;
    }
    .details {
        padding:8px;
    }
    .attr-list-hd h4 {
        position: relative;
        float: left;
        height: 35px;
        margin-bottom: -1px;
        padding-right: 10px;
        border-bottom: 1px solid #F70;
        font-size: 14px;
    }
    ul#J_AttrUL {
        padding: 0px 20px 18px;
        text-indent: 0px;
        text-align: left;
        overflow: hidden;
    }
    ul#J_AttrUL li {
        float: left;
        width: 100%;
        height: 18px;
        overflow: hidden;
        margin: 10px 0px 0px 0px;
        line-height: 18px;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #666;
        font-size: 14px;
        list-style: none;
    }
    .twlistNews {
        padding-top: 40px;
    }
    img{
        width:100%;
        vertical-align: middle;
    }



</style>

<header class="am-topbar am-topbar-fixed-top wos-header">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="#"><img src="images/logo.png" alt=""></a>
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li><a href="index.html">首页</a></li>
                <li><a href="#">资讯</a></li>
                <li><a href="#">专栏</a></li>
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
                        案例 <span class="am-icon-caret-down"></span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li class="am-dropdown-header">案例</li>
                        <li><a href="#">1. 游戏案例</a></li>
                        <li><a href="#">2. 营销案例</a></li>
                        <li><a href="#">3. 工具案例</a></li>
                    </ul>
                </li>
                <li class="am-active"><a href="#">评测</a></li>
                <li><a href="#">活动</a></li>
            </ul>

            <div class="am-topbar-right">
                <button class="am-btn am-btn-default am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span>注册</button>
            </div>

            <div class="am-topbar-right">
                <button class="am-btn am-btn-danger am-topbar-btn am-btn-sm"><span class="am-icon-user"></span> 登录</button>
            </div>
        </div>
    </div>
</header>
<!--banner-->
<div class="banner">
    <div class="am-g am-container padding-none">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-8 padding-none">
            <div data-am-widget="slider" class="am-slider am-slider-c1" data-am-slider='{"directionNav":false}' >
                <ul class="am-slides">
                    <li>
                        <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tad3.png">
                        <div class="am-slider-desc">远方 有一个地方 那里种有我们的梦想</div>
                    </li>
                    <li>
                        <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tad3.png">
                        <div class="am-slider-desc">某天 也许会相遇 相遇在这个好地方</div>

                    </li>
                    <li>
                        <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tad3.png">
                        <div class="am-slider-desc">不要太担心 只因为我相信 终会走过这条遥远的道路</div>

                    </li>
                    <li>
                        <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tad3.png">
                        <div class="am-slider-desc">OH PARA PARADISE 是否那么重要 你是否那么地遥远</div>

                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>



<div class="am-g">
    <table class="am-table am-table-bordered am-table-radius zjq-table">
        <thead>
            <tr><th>租赁时间</th><th>租赁价格</th></tr>
        </thead>
        <tbody>
            <tr><td>1天</td><td>30元</td></tr>
            <tr><td>一周</td><td>100元</td></tr>
            <tr><td>半月</td><td>150</td></tr>
            <tr><td>一个月</td><td>220元</td></tr>
        </tbody>
    </table>
    <div class="am-tab-panel am-fade am-in am-active">
        <div class="J_Brand">
            <div class="attr-list-hd tm-clear">
                <h4>产品参数：</h4></div>
            <div class="clear"></div>
            <ul id="J_AttrUL">
                <li title="">产品类型:&nbsp;烘炒类</li>
                <li title="">原料产地:&nbsp;巴基斯坦</li>
                <li title="">产地:&nbsp;湖北省武汉市</li>
                <li title="">配料表:&nbsp;进口松子、食用盐</li>
                <li title="">产品规格:&nbsp;210g</li>
                <li title="">保质期:&nbsp;180天</li>
                <li title="">产品标准号:&nbsp;GB/T 22165</li>
                <li title="">生产许可证编号：&nbsp;QS4201 1801 0226</li>
                <li title="">储存方法：&nbsp;请放置于常温、阴凉、通风、干燥处保存 </li>
                <li title="">食用方法：&nbsp;开袋去壳即食</li>
            </ul>
            <div class="clear"></div>
        </div>

        <div class="details">
            <div class="attr-list-hd after-market-hd">
                <h4>商品细节</h4>
            </div>
            <div class="twlistNews">
                <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tw1.jpg" />
                <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tw2.jpg" />
                <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tw3.jpg" />
                <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tw4.jpg" />
                <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tw5.jpg" />
                <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tw6.jpg" />
                <img src="//localhost/zhucheweiwangzhan/Public/Home/images/tw7.jpg" />
            </div>
        </div>
        <div class="clear"></div>

    </div>

</div>



<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>

</body>
</html>